<!--
*Author：jxx
 *Contact：283591387@qq.com
 *代码由框架生成,任何更改都可能导致被代码生成器覆盖
 *业务请在@/extension/mall/Mall_custom.js此处编写
 -->
<template>
  <div>
    <view-grid ref="grid" :columns="columns" :detail="detail" :editFormFields="editFormFields"
      :editFormFileds="editFormFields" :editFormOptions="editFormOptions"
      :searchFormFields="searchFormFields" :searchFormFileds="searchFormFields"
      :searchFormOptions="searchFormOptions" :table="table" :extend="extend">
    </view-grid>
  </div>
</template>

<script>
import extend from "@/extension/mall/Mall_custom.js";
import ViewGrid from "@/components/basic/ViewGrid.vue";
var vueParam = {
  components: {
    ViewGrid,
  },
  data() {
    return {
      table: {
        key: "id",
        footer: "Foots",
        cnName: "客户管理",
        name: "Mall_custom",
        url: "/Mall_custom/",
        sortName: "createDate",
      },
      extend: extend,
      editFormFields: {},
      editFormOptions: [],
      searchFormFields: { name: "", gender: "", contact_type: "", add_way: "",tag_id:"" },
      searchFormOptions: [
        [
          {
            title: "客户姓名",
            field: "name",
            type: "text",
          },
          {
            title: "客户性别",
            field: "gender",
            type: "select",
            dataKey: "gender",
            data: [],
          },
          {
            title: "客户类型",
            field: "contact_type",
            type: "select",
            dataKey: "",
            data: [
              { value: "微信用户", key: "1" },
              { value: "企业微信用户", key: "2" },
            ],
          },
        ],
        [
          {
            title: "客户来源",
            field: "add_way",
            type: "select",
            dataKey: "add_way",
            data: [],
          },
          {
            title: "客户标签",
            field: "tag_id",
            type: "select",
            dataKey: "customtag",
            data: [],
          },
        ],
      ],
      columns: [
        {
          field: "avatar",
          title: "客户信息",
          type: "img",
          width: 180,
          align: "left",
          render: (h, { row, column, index }) => {
            return h(
              "div",
              {
                style: {
                  display: "flex",
                },
              },
              [
                h("img", {
                  attrs: {
                    src: row.avatar,
                  },
                  style: {
                    verticalAlign: "middle",
                    width: "50px",
                  },
                }),
                h(
                  "div",
                  {
                    style: {
                      "margin-left": "10px",
                    },
                  },
                  [
                    h("div", {}, [
                      h("span", {}, `${row.name}`),
                      h(
                        "span",
                        {
                          props: {},
                          style: {
                            color: "#30ab55",
                            "font-size": "12px",
                            "margin-left": "10px",
                          },
                        },
                        `@${row.contact_type == 1 ? "微信" : "企业微信"}`
                      ),
                      h("i", {
                        class:
                          row.gender == 1
                            ? "ivu-icon ivu-icon-md-male"
                            : "ivu-icon ivu-icon-md-female",
                        style: {
                          color:
                            row.gender == 1
                              ? "rgb(66, 126, 186)"
                              : "rgb(237, 73, 151)",
                          "margin-left": "10px",
                        },
                      }),
                    ]),
                    h(
                      "div",
                      {
                        props: {},
                        style: {},
                      },
                      `所在群：0 个`
                    ),
                  ]
                ),
              ]
            );
          },
        },
        {
          field: "add_way",
          title: "来源",
          type: "int",
          width: 90,
          align: "left",
          sortable: true,
          bind: { key: "add_way", data: [] },
        },
        {
          field: "tag_id",
          title: "标签",
          type: "int",
          width: 90,
          align: "left",
          sortable: true,
          bind: { key: "customtag", data: [] },
        },
        // {
        //   field: "contact_type",
        //   title: "外部联系人的类型",
        //   type: "int",
        //   width: 120,
        //   align: "left",
        //   bind: {
        //     key: "",
        //     data: [
        //   { value: "微信用户", key: "1" },
        //   { value: "企业微信用户", key: "2" },
        //     ],
        //   },
        // },
        //    {field:'corp_full_name',title:'外部联系人所在企业的主体名称',type:'string',width:220,align:'left'},
        //    {field:'corp_name',title:'外部联系人所在企业的简称',type:'string',width:220,align:'left'},
        //    {field:'creator',title:'创建人',type:'string',width:80,align:'left'},
        //    {field:'createDate',title:'创建时间',type:'datetime',width:190,align:'left',sortable:true},
        //    {field:'createID',title:'创建人ID',type:'int',width:90,hidden:true,align:'left'},
        //    {field:'description',title:'该成员对此外部联系人的描述',type:'string',width:220,align:'left'},
        //    {field:'external_userid',title:'外部联系人id',type:'string',width:120,align:'left'},
        // {
        //   field: "follow_createtime",
        //   title: "该成员添加此外部联系人的时间",
        //   type: "datetime",
        //   width: 190,
        //   align: "left",
        //   sortable: true,
        // },
        // {
        //   field: "gender",
        //   title: "外部联系人性别",
        //   type: "int",
        //   width: 120,
        //   align: "left",
        //   bind: { key: "gender", data: [] },
        // },
        //    {field:'id',title:'id',type:'string',width:90,hidden:true,readonly:true,require:true,align:'left'},
        //    {field:'modifier',title:'修改人',type:'string',width:80,align:'left'},
        //    {field:'modifyDate',title:'修改时间',type:'datetime',width:190,align:'left',sortable:true},
        //    {field:'modifyID',title:'修改人ID',type:'int',width:90,hidden:true,align:'left'},
        {
          field: "",
          title: "归属成员",
          type: "string",
          width: 190,
          align: "left",
          render: (h, { row, column, index }) => {
            return h("div", { style: {} }, [
              //   h(
              //     "div",
              //     {
              //       props: {},
              //       style: {},
              //     },
              //     `${row.name}--${row.position}`
              //   ),
              h(
                "div",
                {
                  props: {},
                  style: {},
                },
                `(备注：${row.remark})`
              ),
              h(
                "div",
                {
                  props: {},
                  style: {},
                },
                `(${row.createDate})`
              ),
            ]);
          },
        },
        // {
        //   field: "name",
        //   title: "外部联系人的名称",
        //   type: "string",
        //   width: 150,
        //   align: "left",
        // },
        // //    {field:'oper_userid',title:'发起添加的userid，如果成员主动添加，为成员的userid；如果是客户主动添加，则为客户的外部联系人userid；如果是内部成员共享/管理员分配，则为对应的成员/管理员userid',type:'string',width:220,align:'left'},
        // {
        //   field: "position",
        //   title: "外部联系人的职位",
        //   type: "string",
        //   width: 120,
        //   align: "left",
        // },
        // {
        //   field: "remark",
        //   title: "该成员对此外部联系人的备注",
        //   type: "string",
        //   width: 220,
        //   align: "left",
        // },
        //    {field:'unionid',title:'外部联系人在微信开放平台的唯一身份标识（微信unionid）',type:'string',width:220,align:'left'},
        //    {field:'userid',title:'客户id',type:'string',width:90,align:'left'}
      ],
      detail: {
        cnName: "#detailCnName",
        columns: [],
        sortName: "",
        key: "",
      },
    };
  },
};
export default vueParam;
</script>
